<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<div th:fragment="resources">
        <link rel="shortcut icon" href="img/favicon.png"/>
        <meta charset="UTF-8">
        <!-- 图标-->
        <link th:href="@{/css/font-awesome.min.css}"/>
        <link rel="stylesheet" type="text/css" th:href="@{/css/simple-line-icons.min.css}"/>
        <!-- 主要样式 -->
        <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>
        <!--Bootstrap和必要的插件 -->
        <script th:src="@{js/jquery.min.js}"></script>
        <script th:src="@{js/popper.min.js}"></script>
        <script th:src="@{js/bootstrap.min.js}"></script>
        <script th:src="@{js/pace.min.js}"></script>
        <!--所有视图所需的插件和脚本 -->
        <script th:src="@{js/Chart.min.js}"></script>

        <!-- GenesisUI的主要脚本 -->
        <script th:src="@{js/app.js}"></script>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-9510961-27', 'auto');
            ga('send', 'pageview');
        </script>
</div>
<div th:fragment="nvbar">
        <div class="pace  pace-inactive pace-inactive">
                <div class="pace-progress" style="transform: translate3d(100%, 0px, 0px);" data-progress-text="100%"
                     data-progress="99">
                        <div class="pace-progress-inner"></div>
                </div>
                <div class="pace-activity"></div>
        </div>
        <header class="app-header navbar">
                <button class="navbar-toggler mobile-sidebar-toggler d-lg-none mr-auto" type="button">
                        <span class="navbar-toggler-icon"></span>
                </button>
                <a class="navbar-brand" href="#"></a>
                <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button">
                        <span class="navbar-toggler-icon"></span>
                </button>

                <ul class="nav navbar-nav d-md-down-none">
                        <li class="nav-item px-3">
                                <a class="nav-link" href="#">Dashboard</a>
                        </li>
                        <li class="nav-item px-3">
                                <a class="nav-link" href="#">Users</a>
                        </li>
                        <li class="nav-item px-3">
                                <a class="nav-link" href="#">Settings</a>
                        </li>
                </ul>
                <ul class="nav navbar-nav ml-auto">
                        <li class="nav-item d-md-down-none">
                                <a class="nav-link" href="#"><i class="icon-bell"></i><span
                                        class="badge badge-pill badge-danger">5</span></a>
                        </li>
                        <li class="nav-item d-md-down-none">
                                <a class="nav-link" href="#"><i class="icon-list"></i></a>
                        </li>
                        <li class="nav-item d-md-down-none">
                                <a class="nav-link" href="#"><i class="icon-location-pin"></i></a>
                        </li>
                        <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" href="#" role="button"
                                   aria-haspopup="true" aria-expanded="false">
                                        <img src="img/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"/>
                                        <span class="d-md-down-none">admin</span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right">
                                        <div class="dropdown-header text-center">
                                                <strong>Account</strong>
                                        </div>
                                        <a class="dropdown-item" href="#"><i class="fa fa-bell-o"></i> Updates<span
                                                class="badge badge-info">42</span></a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-envelope-o"></i> Messages<span
                                                class="badge badge-success">42</span></a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-tasks"></i> Tasks<span
                                                class="badge badge-danger">42</span></a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-comments"></i> Comments<span
                                                class="badge badge-warning">42</span></a>
                                        <div class="dropdown-header text-center">
                                                <strong>Settings</strong>
                                        </div>
                                        <a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Settings</a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-secondary">42</span></a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-file"></i> Projects<span class="badge badge-primary">42</span></a>
                                        <div class="divider"></div>
                                        <a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock Account</a>
                                        <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
                                </div>
                        </li>
                </ul>
                <button class="navbar-toggler aside-menu-toggler" type="button">
                        <span class="navbar-toggler-icon"></span>
                </button>

        </header>

</div>
<div th:fragment="sidebar">
                <nav class="sidebar-nav">
                        <ul class="nav">
                                <li class="nav-item open">
                                        <a class="nav-link active" href="http://coreui.io/demo/Ajax_Demo/main.html"><i
                                                class="icon-speedometer"></i> Dashboard <span class="badge badge-primary">NEW</span></a>
                                </li>

                                <li class="nav-title">
                                        UI Elements
                                </li>
                                <li class="nav-item nav-dropdown">
                                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> Components</a>
                                        <ul class="nav-dropdown-items">
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/buttons.html"><i
                                                                class="icon-puzzle"></i> Buttons</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/social-buttons.html"><i
                                                                class="icon-puzzle"></i> Social Buttons</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/cards.html"><i
                                                                class="icon-puzzle"></i> Cards</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/forms.html"><i
                                                                class="icon-puzzle"></i> Forms</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/modals.html"><i
                                                                class="icon-puzzle"></i> Modals</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/switches.html"><i
                                                                class="icon-puzzle"></i> Switches</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/tables.html"><i
                                                                class="icon-puzzle"></i> Tables</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/components/tabs.html"><i
                                                                class="icon-puzzle"></i> Tabs</a>
                                                </li>
                                        </ul>
                                </li>
                                <li class="nav-item nav-dropdown">
                                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Icons</a>
                                        <ul class="nav-dropdown-items">
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/icons/font-awesome.html"><i
                                                                class="icon-star"></i> Font Awesome <span
                                                                class="badge badge-secondary">4.7</span></a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/icons/simple-line-icons.html"><i
                                                                class="icon-star"></i> Simple Line Icons</a>
                                                </li>
                                        </ul>
                                </li>
                                <li class="nav-item">
                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/widgets.html"><i
                                                class="icon-calculator"></i> Widgets <span class="badge badge-primary">NEW</span></a>
                                </li>
                                <li class="nav-item">
                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/charts.html"><i
                                                class="icon-pie-chart"></i> Charts</a>
                                </li>
                                <li class="divider"></li>
                                <li class="nav-title">
                                        Extras
                                </li>
                                <li class="nav-item nav-dropdown">
                                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Pages</a>
                                        <ul class="nav-dropdown-items">
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/views/pages/login.html"
                                                           target="_top"><i class="icon-star"></i> Login</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/views/pages/register.html"
                                                           target="_top"><i class="icon-star"></i> Register</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/views/pages/404.html"
                                                           target="_top"><i class="icon-star"></i> Error 404</a>
                                                </li>
                                                <li class="nav-item">
                                                        <a class="nav-link" href="http://coreui.io/demo/Ajax_Demo/views/pages/500.html"
                                                           target="_top"><i class="icon-star"></i> Error 500</a>
                                                </li>
                                        </ul>
                                </li>
                                <li class="nav-item mt-auto">
                                        <a class="nav-link nav-link-success" href="http://coreui.io/" target="_top"><i
                                                class="icon-cloud-download"></i> Download CoreUI</a>
                                </li>
                                <li class="nav-item">
                                        <a class="nav-link nav-link-danger" href="http://coreui.io/pro/" target="_top"><i
                                                class="icon-layers"></i> Try CoreUI <strong>PRO</strong></a>
                                </li>

                        </ul>
                </nav>
                <button class="sidebar-minimizer brand-minimizer" type="button"></button>

</div>
<div>Content goes here</div>

<div th:fragment="copy">Copyright &copy; Craig Walls</div>
</html>